<!DOCTYPE html>
<html>
  
  <head>
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
    <script type="text/javascript">window.__trace__headstart = +new Date;
      window.__server__startTime = 1468753325693;
      window.__token = "l+cRiFvlVLktCT2PxtOw0D93vnHvNESHfqdx6Xail/o=";</script>
    <meta charset="UTF-8">
    <link rel="dns-prefetch" href="http://s.meilishuo.net/">
    <link rel="dns-prefetch" href="http://i.meilishuo.net/">
    <link rel="dns-prefetch" href="http://d01.res.meilishuo.net/">
    <link rel="dns-prefetch" href="http://d02.res.meilishuo.net/">
    <link rel="dns-prefetch" href="http://d03.res.meilishuo.net/">
    <link rel="dns-prefetch" href="http://d04.res.meilishuo.net/">
    <link rel="dns-prefetch" href="http://d05.res.meilishuo.net/">
    <meta http-equiv="Cache-Control" content="no-transform ">
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <title>美丽说--详情</title>
    <meta name="keywords" content="平角,泳装,两件套,新款,泳衣,分体,比基尼哆哆分体平角运动泳衣">
    <meta name="description" content="来自蘑菇街优店运动户外_泳衣_运动/瑜伽/健身/球迷用品_游泳家哆哆家真心推荐一款好的运动型泳衣 黑白的对比  性感的露背设计是时尚的主流  菇凉们还等什么呢的哆哆分体平角运动泳衣，发现当季最潮衣服和哆哆泳衣瑜伽服搭配心得。">
    <meta name="copyright" content="meilishuo.com">
    <link rel="alternate" href="http://m.mogujie.com/x6/detail/1fuqeqq">
    <meta name="mobile-agent" content="format=html5;url=http://m.mogujie.com/x6/detail/1fuqeqq">
    <link rel="canonical" href="http://shop.mogujie.com/detail/1fuqeqq">
    <link rel="search" type="application/opensearchdescription+xml" href="http://item.meilishuo.com/opensearch.xml">
    <link rel="icon" href="http://s16.mogucdn.com/p1/160614/idid_ifrtgzddgm3dmnjshezdambqhayde_49x48.png" type="image/x-icon">
    <script>curl = {
        apiName: 'require'
      };
      var MOGU = {};
      var MoGu = {};</script>
    <link href="/xiangqing/css/index_002.css" rel="stylesheet" type="text/css">
    <link href="/xiangqing/css/index.css" rel="stylesheet" type="text/css">
    <script type="text/javascript" src="/xiangqing/js/pkg-pc-base.js"></script>
    <script type="text/javascript">var MOGU_DEV = 0;

      if (window.require) {
        require.config({
          domain: 0
        });
      }

      MOGUPROFILE = {};

      //性能打点数据检测
      window.__trace__headendt = +new Date; (function() {
        window.__trace__domready = null;
        window.__trace__ladingendt = null;
        if (document.readyState) {
          function setDomOperation() {
            if (document.readyState == 'interactive') {
              window.__trace__domready = +new Date();
            } else if (document.readyState == 'complete') {
              window.__trace__ladingendt = +new Date();
            }
          }
          setDomOperation();
          document.onreadystatechange = setDomOperation;
        }
      })();</script>
  </head>
  <style type="text/css">

		#big{width: 600px;height: 600px;position:absolute;
			left:410px;top:50px;overflow: hidden;display:none;}
		#move{width: 80px;height: 80px;background: url('/xiangqing/image/bg.png');
			position:absolute;top:0px;left:0px;display:none;}
		
	</style>
  <body class="media_screen_1200">
    <script type="text/javascript">/**
    ** for layout 960
    **/
      (function() {
        var wWidth = $(window).width();
        if (wWidth < 1212) {
          $('body').addClass('media_screen_960');
        } else {
          $('body').addClass('media_screen_1200');
        }
        //initTime for log 判断对象是否存在
        window.MoGu && $.isFunction(MoGu.set) && MoGu.set('initTime', (new Date()).getTime());
      })();</script>
    <div class="mgj_rightbar" data-ptp="_sidebar"></div>
    <div id="header" class="J_sitenav header_2015" data-ptp="_head">
      <div class="wrap clearfix">
        <a href="http://www.meilishuo.com/" rel="nofollow" class="home fl">美丽说首页</a>
        <ul class="header_top">
          <li class="s1 has_icon user_meta">
            <a rel="nofollow" href="javascript:;">qzone_`臭脾气</a>
            <a rel="nofollow" href="http://order.meilishuo.com/pcenter" target="_blank"></a>
            <i class="icon_delta"></i>
            <ol class="ext_mode" id="menu_personal">
              <li class="s2">
                <a target="_blank" rel="nofollow" href="https://account.meilishuo.com/settings/setPersonal">个人设置</a></li>
              <li class="s2">
                <a rel="nofollow" href="http://www.meilishuo.com/user/logout">退出</a></li>
            </ol>
          </li>
          <li class="s1 has_icon has_line user_fav">
            <a rel="nofollow" href="javascript:;">我的收藏</a>
            <i class="icon_delta"></i>
            <ul class="ext_mode">
              <li class="s2">
                <a target="_blank" rel="nofollow" href="http://order.meilishuo.com/pcenter/my_like">收藏的商品</a></li>
              <li class="s2">
                <a target="_blank" rel="nofollow" href="http://order.meilishuo.com/pcenter/store">收藏的小店</a></li>
              <li class="s2">
                <a target="_blank" rel="nofollow" href="http://order.meilishuo.com/pcenter/footprint">浏览足迹</a></li>
            </ul>
          </li>
          <li class="s1 myorder has_line">
            <a href="http://buyer.meilishuo.com/mls/order/list4buyer" target="_blank" class="text display_u" ref="nofollow">我的订单</a></li>
          <li class="s1 has_line shopping_cart_v2">
            <a class="cart_info_wrap" href="http://cart.meilishuo.com/mls/cart/mycart" target="_blank" ref="nofollow">
              <span class="cart_info">购物车</span></a>
            <i class="icon_delta"></i>
            <span class="shopping_cart_loading"></span>
          </li>
        </ul>
      </div>
    </div>
   
    <!-- 店铺公共头部-店铺信息 end -->
    <input id="shopId" value="113qsdr6" type="hidden">
    <input id="shopBaseUrl" value="http://s.meilishuo.com/" type="hidden">
    <input id="shopBaseUrlSec" value="http://s.meilishuo.com/113qsdr6" type="hidden">
    <!-- topBanner -->
    <div class="ovbox mod_topBanner">
      <div class="mod_list clearfix">
        <div class="mod_item w1200" data-id="4641863" data-width="1200" data-type="topBanner" data-title="$commonTopBanner.layoutname">
          <div class="mod_cont topbanner">
            <a class="shop_bg_img" href="http://s.meilishuo.com/113qsdr6" data-src="http://d05.res.meilishuo.net/pic/_o/97/22/d98d677d57e1a3b6f5c7a3d16f11_1380_120.cj.jpg" style="background: url(http://d05.res.meilishuo.net/pic/_o/97/22/d98d677d57e1a3b6f5c7a3d16f11_1380_120.cj.jpg) center no-repeat"></a>
          </div>
        </div>
      </div>
    </div>
    <!-- topNavgation -->
    <div class="ovbox mod_topNav blackStyle">
      <div class="mod_list clearfix">
        <div class="mod_item w1200" data-id="4641864" data-width="1200" data-type="topNav" data-title="$commonTopNav.layoutName">
          <div class="mod_cont topNav">
            <ol class="clearfix">
              <li>
                <a href="http://s.meilishuo.com/113qsdr6">首页</a></li>
              <li class="all">
                <a href="http://s.meilishuo.com/113qsdr6/index/total">全部商品</a></li>
              <li>
                <a href="http://s.meilishuo.com/113qsdr6/list/index?categoryId=10767324">情侣+亲子专区</a></li>
              <li>
                <a href="http://s.meilishuo.com/113qsdr6/list/index?categoryId=10732282">显瘦连体泳衣</a></li>
              <li>
                <a href="http://s.meilishuo.com/113qsdr6/list/index?categoryId=10732278">性感比基尼</a></li>
              <li>
                <a href="http://s.meilishuo.com/113qsdr6/list/index?categoryId=10732276">瑜伽服</a></li>
              <li>
                <a href="http://s.meilishuo.com/113qsdr6/list/index?categoryId=10732274">游泳装备</a></li>
              <li>
                <a href="http://s.meilishuo.com/113qsdr6/list/index?categoryId=10732272">瑜伽配件</a></li>
              <li>
                <a href="http://s.meilishuo.com/113qsdr6/list/index?categoryId=10747854">沙滩裙+男士泳裤</a></li>
              <li>
                <a href="http://s.meilishuo.com/113qsdr6/list/index?categoryId=10854154">手工DIY泳衣</a></li>
            </ol>
            <div class="category_list slideer" style="display: none;">
              <dl>
                <dd>
                  <a href="http://s.meilishuo.com/113qsdr6/list/index?categoryId=10732282">显瘦连体泳衣</a></dd>
                <dd>
                  <a href="http://s.meilishuo.com/113qsdr6/list/index?categoryId=10732278">性感比基尼</a></dd>
                <dd>
                  <a href="http://s.meilishuo.com/113qsdr6/list/index?categoryId=10732276">瑜伽服</a></dd>
                <dd>
                  <a href="http://s.meilishuo.com/113qsdr6/list/index?categoryId=10732274">游泳装备</a></dd>
                <dd>
                  <a href="http://s.meilishuo.com/113qsdr6/list/index?categoryId=10732272">瑜伽配件</a></dd>
                <dd>
                  <a href="http://s.meilishuo.com/113qsdr6/list/index?categoryId=10767324">情侣+亲子专区</a></dd>
                <dd>
                  <a href="http://s.meilishuo.com/113qsdr6/list/index?categoryId=10747854">沙滩裙+男士泳裤</a></dd>
                <dd>
                  <a href="http://s.meilishuo.com/113qsdr6/list/index?categoryId=10854154">手工DIY泳衣</a></dd>
              </dl>
            </div>
          </div>
        </div>
      </div>
    </div>
    <div id="body_wrap">
      <input id="shopid" value="113qsdr6" type="hidden">
      <input id="J_ShopId" value="113qsdr6" type="hidden">
      <input id="J_PageType" value="item" type="hidden">
      <input id="iteminfoid" value="1fuqeqq" type="hidden">
      <input id="J_ItemId" value="1fuqeqq" type="hidden">
      <input id="J_RushId" value="" type="hidden">
      <input id="sellerId" value="1ul2bvu" type="hidden">
      <input id="J_SellerId" value="1ul2bvu" type="hidden">
      <input id="J_DetailRefer" value="http://www.meilishuo.com/guang/catalog/hot?nid=226807&amp;cata_id=1000000000000&amp;pstrc=fe_pos%3Awlc_navwords_0_0_5&amp;ptp=1.6yiaECYM.0.0.j2RCh" type="hidden">
      <input id="J_CartLuckyDrawData" data-istimerange="true" type="hidden">
      <div class="shop-detail">
        <div class="detail-primary clearfix">
          <div class="primary-goods">
            <div class="clearfix">
              <div class="fl goods-info goods-info-normal" id="J_GoodsInfo">
                <div class="info-box">
                  <h1 class="goods-title">
                    <span itemprop="name">哆哆分体平角运动泳衣</span></h1>
                
                  <div class="goods-prowrap goods-main">
                    <div class="clearfix main-box">
                     
                      <dl class="clearfix property-box">
                        <dt class="property-type property-type-now">　价格 ：</dt>
                        <dd class="property-cont property-cont-now fl">
                          <span type="text" id="J_NowPrice" class="price" > ¥78.00</span>
                        </dd>
                      </dl>
                      
                    </div>
                  </div>
                <form action="/cart/insert" method="post">
                  <div class="goods-prowrap goods-sku" id="J_GoodsSku">
                    <div class="content">
                      <div class="pannel-title">
                        <span class="choose-goods-info">选择商品信息</span>
                        <b class="J_PannelClose pannel-close"></b>
                      </div>
                      <div class="box">                      
                        <dl class="clearfix">
                          <dt>数量：</dt>
                          <dd class="num clearfix">
                            <div data-stock="273" id="J_GoodsNum" class="goods-num fl">
                              <!-- <span class="num-reduce num-disable"></span> -->

                              <input type="button" class="num-reduce num-disable" >
                              <input class="num-input" title="Qty" value="1" type="text" name="num">
							  <input type="button" class="num-add" >
                              <!-- <span class="num-add "></span> -->
                            </div>
                            <div class="J_GoodsStock goods-stock fl">库存273件</div>
                            <div class="J_GoodsStockTip goods-stock-tip fl">您所填写的商品数量超过库存！</div>
                           </dd>
                        </dl>
                      </div>
                      <div class="pannel-action">
                        <a href="javascript:;" class="J_PannelOK pannel-ok">确认</a></div>
                    </div>
                    <input type="hidden" name="id" value="">
                    <div class="goods-buy clearfix">
                      <a href="javascript:;" id="J_BuyNow" class="fl mr10 buy-btn buy-now">立刻购买</a>
                      <input value="nodapei" id="dapeiShow" type="hidden">
                      <button id="J_BuyCart" class="fl mr10 buy-cart buy-btn">加入购物车</button></a></div>
                      {{csrf_field()}}
                  </div>
				</form>
                  <div class="goods-extra clearfix">
                    <div class="extra-services">
                      <div class="fl clearfix label">服务承诺：</div>
                      <ul class="fl clearfix list">
                        <li class="item">
                          <span class="link">
                            <img src="/xiangqing/image/upload_ieztcoldmvsdmztdgmzdambqgyyde_24x24.png" height="24" width="24">退货补运费</span></li>
                        <li class="item">
                          <span class="link">
                            <img src="/xiangqing/image/upload_ieywiobrmfsdmztdgmzdambqmeyde_24x24.png" height="24" width="24">7天无理由退货</span></li>
                        <li class="item">
                          <span class="link">
                            <img src="/xiangqing/image/upload_ie4dqzjrmqzdoojthezdambqgiyde_24x27.png" height="24" width="24">先行赔付</span></li>
                        <li class="item">
                          <span class="link">
                            <img src="/xiangqing/image/upload_iezgeolcmnsdmztdgmzdambqmmyde_24x24.png" height="24" width="24">72小时发货</span></li>
                      </ul>
                    </div>
                    <div class="extra-pay">
                      <div class="fl clearfix label">支付方式：</div>
                      <div class="fl list list-nomaibei"></div>
                    </div>
                  </div>
                </div>
              </div>
              <div class="fl goods-topimg" id="J_GoodsImg">
                <div class="big-img" id="small">                 
                    <img id="J_BigImg" src="/xiangqing/image/ce2e4f37926330187fef3eedd9a8_640_841_002.jpg" data-main="http://d01.res.meilishuo.net/pic/_o/58/11/ce2e4f37926330187fef3eedd9a8_640_841.cj.jpg_c5d62966_s0_468_468.jpg" alt="平角,泳装,两件套,新款,泳衣" width="600px" height="600px">
                <div id="move"></div>                
                </div>
                <div id="J_SmallImgs" class="small-img">
                  <div class="box">
                    <div class="list">
                      <ul style="text-align: center;" class="clearfix" id="uimg">
                        <li>
                          <img src="/xiangqing/image/ce2e4f37926330187fef3eedd9a8_640_841.jpg">
                          <i>
                          </i>
                        </li>
                        <li>
                          <img src="/xiangqing/image/acf493adb2fa897ac79a2b9c8a04_640_841.jpg">
                          <i>
                          </i>
                        </li>
                        <li>
                          <img src="/xiangqing/image/fec6573cb32fce5fccd30c8ecd46_640_841.jpg">
                          <i>
                          </i>
                        </li>
                        <li>
                          <img src="/xiangqing/image/684f89b81728ea3f8b9395f89c31_640_842.jpg">
                          <i>
                          </i>
                        </li>
                      </ul>
                    </div>
                  </div>
                  <a class="left-btn arrow-btn" href="javascript:;"></a>
                  <a class="right-btn arrow-btn" href="javascript:;"></a>
                </div>
              </div>
              <div id="big">
					<img id="bimg" src="/xiangqing/image/ce2e4f37926330187fef3eedd9a8_640_841_002.jpg" style="position:absolute;left:0px;top:0px">
			  </div>
            </div>
          </div>
          <div class="primary-slide">
            <div class="goods-recommend" id="J_ModuleLook" data-ptp="_rechot">
              <!-- 热卖推荐 -->
              <p class="title">
                <s>
                </s>
                <span>热卖推荐</span></p>
              <div class="list">
                <div class="box">
                  <ul>
                    <li>
                      <a href="http://item.meilishuo.com/detail/1ftxb52?acm=1.mce.4.7119.0.F2QpRd1hdWX.8035_0" target="_blank">
                        <img src="/xiangqing/image/54295aea253159eff4a8c8012fad_640_842.jpg" width="120"></a>
                      <span>￥95.00</span></li>
                    <li>
                      <a href="http://item.meilishuo.com/detail/1i6y4jy?acm=1.mce.4.7119.0.F2QpRd1hdWY.8035_0" target="_blank">
                        <img src="/xiangqing/image/edf0f2b705beb9f4dd3f908d0683_640_842.jpg" width="120"></a>
                      <span>￥89.00</span></li>
                    <li>
                      <a href="http://item.meilishuo.com/detail/1ftv4om?acm=1.mce.4.7119.0.F2QpRd1hdWZ.8035_0" target="_blank">
                        <img src="/xiangqing/image/d5feb0ccef53dc23bd68726e6f9d_640_842.jpg" width="120"></a>
                      <span>￥89.00</span></li>
                  </ul>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
      <script type="text/javascript">var MoGuConstant = {
          mobileRegex: /android|webos|iphone|ipad|ipod|blackberry|iemobile|opera mini/i,
          userAgent: navigator.userAgent.toLowerCase(),
        };

        var MoGuDetail = {
          data: null,

          util: {
            isMGJApp: (function() {
              return MoGuConstant.userAgent.indexOf('nonative') < 0 && MoGuConstant.userAgent.indexOf('mogujie') > 0;
            } ()),

            isMobile: (function() {
              return MoGuConstant.mobileRegex.test(MoGuConstant.userAgent);
            } ()),

            isWeChat: (function() {
              return MoGuConstant.userAgent.indexOf('micromessenger') > 0;
            } ())
          }
        };</script>
      <script type="text/javascript">// 如果在蘑菇街APP
        if (MoGuDetail.util.isMGJApp) {
          // setTimeout(function(){
          //     window.location.href = "mgj://detail?iid=1fuqeqq";
          // },400)
        }
        // 如果在移动设备上
        else if (MoGuDetail.util.isMobile) {
          setTimeout(function() {
            var url = "http://weixin.meilishuo.com/wx/detail/1fuqeqq";
            if (window.location.search) {
              url += window.location.search;
            }
            window.location.href = url;
          },
          400)
        }

        var detailInfo = {
          itemId: '1fuqeqq',
          shopId: '113qsdr6',
          cids: '#1585# #1586# #1668# #10005109#',
          sellerId: '1ul2bvu',
          main: {
            originPrice: '¥156.00',
            nowPrice: '¥78.00',
            topImages: ["http://d01.res.meilishuo.net/pic/_o/58/11/ce2e4f37926330187fef3eedd9a8_640_841.cj.jpg", "http://d01.res.meilishuo.net/pic/_o/f9/ae/acf493adb2fa897ac79a2b9c8a04_640_841.cj.jpg", "http://d01.res.meilishuo.net/pic/_o/c4/06/fec6573cb32fce5fccd30c8ecd46_640_841.cj.jpg"]
          },
          attribute: [{
            "styleId": 1,
            "nowprice": 7800,
            "xdSkuId": "1dq9kb4",
            "stock": 97,
            "price": 15600,
            "style": "黑色",
            "stockId": "1dq9kb4",
            "img": "http://d01.res.meilishuo.net/pic/_o/db/37/684f89b81728ea3f8b9395f89c31_640_842.cj.jpg",
            "sizeId": 100,
            "size": "XL",
            "currency": "￥"
          },
          {
            "styleId": 1,
            "nowprice": 7800,
            "xdSkuId": "1dq9kb8",
            "stock": 88,
            "price": 15600,
            "style": "黑色",
            "stockId": "1dq9kb8",
            "img": "http://d01.res.meilishuo.net/pic/_o/db/37/684f89b81728ea3f8b9395f89c31_640_842.cj.jpg",
            "sizeId": 101,
            "size": "L",
            "currency": "￥"
          },
          {
            "styleId": 1,
            "nowprice": 7800,
            "xdSkuId": "1dq9kbc",
            "stock": 88,
            "price": 15600,
            "style": "黑色",
            "stockId": "1dq9kbc",
            "img": "http://d01.res.meilishuo.net/pic/_o/db/37/684f89b81728ea3f8b9395f89c31_640_842.cj.jpg",
            "sizeId": 102,
            "size": "M",
            "currency": "￥"
          }],
          listBanner: {},
          redPacketsSwitch: false,
          loginUserId: "11cl5jnk",
          isLogin: true,
          isMoguer: false
        };</script>
      <script type="text/javascript">var _bdhmProtocol = (("https:" == document.location.protocol) ? " https://": " http://");
        document.write(unescape("%3Cscript src='" + _bdhmProtocol + "hm.baidu.com/h.js%3F3621aca6d2e2da698daf02aba80964a9' type='text/javascript'%3E%3C/script%3E"));
        window.domain = 'mogujie.com';</script>
      <script src="/xiangqing/js/h.js" type="text/javascript"></script>
    </div>
    <script type="text/javascript">window.PTP_PARAMS = window.PTP_PARAMS || {};
      window.PTP_PARAMS.ptp_cnt_b = '__item_detail';</script>
    <div class="foot J_footertimer" data-ptp="_foot" data-svrtime="">
      <div class="wrap foot_wrap clearfix">
        <div class="foot_info">
          <a rel="nofollow" class="info_logo" href="http://www.meilishuo.com/"></a>
          <div class="info_text">
            <p>营业执照注册号：
              <a rel="nofollow" href="http://s6.mogucdn.com/pic/140924/8qc9_ieydgn3emqztszbxmmytambqmmyde_1502x2246.jpg" target="_blank">110108013011072</a></p>
            <p>京ICP备11031139号</p>
            <p>
              <a target="_blank" href="http://d03.res.meilishuo.net/pic/_o/e1/80/4f22feee45bb9d0a92e7a950f9c5_1131_1600.cg.jpg" style="display:inline-block;text-decoration:none;height:20px;line-height:20px;">
                <img src="/xiangqing/image/upload_ifrgemjwgq3gemzthazdambqmeyde_20x20.png" style="float:left;">
                <span style="color: #999;">&nbsp;京公网安备 110108006045</span></a>
            </p>
            <p class="mgjhostname" title="&lt;?php echo gethostname();?&gt;">©
              <!--? echo date("Y") ?-->meilishuo.com 北京美丽时空网络科技有限公司</p></div>
        </div>
        <div class="foot_link">
          <dl class="link_company">
            <dt>公司</dt>
            <dd>
              <a rel="nofollow" href="http://www.meilishuo.com/aboutus?sl=h3" target="_blank">关于我们</a></dd>
            <dd>
              <a rel="nofollow" href="http://www.hotjob.cn/wt/meilishuo/web/index" target="_blank">招聘信息</a></dd>
            <dd>
              <a rel="nofollow" href="http://www.meilishuo.com/aboutus/contactus?sl=h3" target="_blank">联系我们</a></dd>
          </dl>
          <dl class="link_consumer">
            <dt>消费者</dt>
            <dd>
              <a rel="nofollow" href="http://www.meilishuo.com/help/" target="_blank">新手指南</a></dd>
            <dd>
              <a rel="nofollow" href="http://www.meilishuo.com/help/return/" target="_blank">服务保障</a></dd>
            <dd>
              <a rel="nofollow" href="http://www.meilishuo.com/helpcenter/" target="_blank">消费者服务</a></dd>
          </dl>
          <dl class="link_business">
            <dt>商家</dt>
            <dd>
              <a rel="nofollow" href="http://xd.meilishuo.com/" target="_blank">商家入驻</a></dd>
            <dd>
              <a rel="nofollow" href="http://pro.meilishuo.com/" target="_blank">商家推广</a></dd>
            <dd>
              <a rel="nofollow" href="http://zhaoshang.meilishuo.com/help#/index" target="_blank">帮助中心</a></dd>
          </dl>
        </div>
      </div>
    </div>
    <script type="text/javascript" src="/xiangqing/js/index_002.js"></script>
    <script type="text/javascript" src="/xiangqing/js/index.js"></script>
    <div id="userdata_el" style="visibility: hidden; position: absolute;"></div>
    <script type="text/javascript">
    $('.num-add').click(function(){
    	// 获取商品数量
    	var num=parseInt($('input[title=Qty]').val());
    	// num=num;
    	$('input[title=Qty]').val(num);
    })
    $('.num-reduce num-disable').click(function(){
    	var num=parseInt($('input[title=Qty]').val());
    	// num=num-1;
    	if (num==0) return;
    	$('input[title=Qty]').val(num);
    })
    </script>
    <script type="text/javascript">
		//获取元素
		var small = document.getElementById('small');
		var J_BigImg = document.getElementById('J_BigImg');
		var big = document.getElementById('big');
		var move = document.getElementById('move');
		var bimg = document.getElementById('bimg');

		//绑定鼠标移入事件
		small.onmousemove = function(e){
			//显示图片
			big.style.display = 'block';
			move.style.display = 'block';

			//获取鼠标位置
			//获取当前鼠标相对于可视区域的偏移量
			// var x = e.clientX;
			// var y = e.clientY;
			
			//获取当前鼠标相对于整个文档的偏移量
			var x = e.pageX;
			var y = e.pageY;

			//获取small的x轴和y轴
			var _l = small.offsetLeft;
			var _t = small.offsetTop;
			//获取小div的宽高
			var _w = move.offsetWidth;
			var _h = move.offsetHeight;
			//计算新的left和top
			var newL = x - _l - _w;
			var newT = y - _t - _h;
			//检测越界
			if(newL <= 0){
				newL = 0;
			}
			//先获取最大left
			var maxLeft = small.offsetWidth - move.offsetWidth;
			if(newL >= maxLeft){
				newL =  maxLeft;
			}
			if(newT <= 0){
				newT = 0;
			}
			//获取最大的top
			var maxTop = small.offsetHeight - move.offsetHeight;
			if(newT >= maxTop){
				newT = maxTop;
			}

			//获取大图的宽度
			var sW = small.offsetWidth;
			var sH = small.offsetHeight;

			var mL = newL;
			var mT = newT;

			//计算当前的比例 x轴
			var xp = mL/sW;
			var yp = mT/sH;

			//获取右侧大图的宽度
			var bW = bimg.offsetWidth;
			var bH = bimg.offsetHeight;

			//计算右侧图片移动距离
			var nl = bW*xp;
			var nt = bH*yp;


			//设置当前右侧图片样式
			bimg.style.left = -nl +'px';
			bimg.style.top = -nt +'px';


				

			//设置小div的位置
			move.style.left = newL + 'px';
			move.style.top = newT + 'px';

			//计算移动的小div的宽高
			var bp = big.offsetWidth/bimg.offsetWidth;
			var sW = small.offsetWidth;

			var bpp = big.offsetHeight/bimg.offsetHeight;
			var sH = small.offsetHeight;

			//计算宽度
			var mW = sW*bp;
			var mH = sH*bpp;


			//设置移动的div的宽度
			move.style.width = mW +'px';
			move.style.height = mH +'px';
		}

		//鼠标离开事件
		small.onmouseout = function(){
			//隐藏图片
			big.style.display = 'none';
			move.style.display = 'none';

		}

		//获取
		var imgs = document.getElementById('uimg').getElementsByTagName('img');
		//遍历
		for (var i = 0; i < imgs.length; i++) {
			imgs[i].onmouseover = function(){
				//获取src属性
				var src = this.getAttribute('src');
				//设置src
				J_BigImg.src = src;
				bimg.src = src;
			}
		};
	</script>
  </body>

</html>